<html>
<title>组件</title>

<head>
    <script src="./js/vue.js"></script>
</head>

<body>
    <div class="container">
       <hello></hello>
       <world></world>
    </div>
    <script>
// 方法一：先创建组件构造器，再由组件构造器创建组件
// 1.使用Vue.extend()创建一个组件构造器
        var myCompent=Vue.extend({
            template:'<h1>Hello World</h1>'
        });
// 2.使用Vue.component(标签名，组件构造器)创建一个组件
        Vue.component('hello',myCompent);
// 方法二：直接创建组件
        Vue.component('world',{
            template:'<h1>你好 World</h1>'
        });
        var vm = new Vue({
            data: {
                flag: false
            }
        }).$mount('.container');
    </script>

</body>

</html>